import React from 'react';

const Panel = ({ title, children }) => (
  <div
    style={{
      width: '100%',
      height: '100%',
      backgroundColor: 'white',
    }}
  >
    <div
      style={{
        height: 36,
        lineHeight: '36px',
        color: 'black',
        fontWeight: 'bold',
        backgroundColor: '#e1e1e1',
        paddingLeft: 12,
      }}
    >{title}</div>
    <div style={{ overflow: 'auto', backgroundColor: 'white', border: '1px solid #e1e1e1' }}>
      {children}
    </div>
  </div>
);

export default Panel;
